<template>
  <div>
    <!-- 页面基础模板 -->
    <base-header-footer
      :isShowContentTitle="true"
      :isShowBreadCrumb="true"
      :isShowArchived="false"
    >
      <!-- isShowTitle : 布尔值，是否显示当前页面标题组件-->
      <!-- isShowBreadCrumb : 布尔值，是否显示当前页面面包屑导航组件-->
      <!-- isShowArchived : 布尔值，是否显示当前页面归档组件-->
      <template slot="content-item">
        <!-- 内容插槽 -->
        <article-list></article-list>
      </template>
    </base-header-footer>
  </div>
</template>

<script>
import ArticleList from "@/components/articlelist/ArticleList.vue";
import BaseHeaderFooter from "@/components/baseheaderfooter/BaseHeaderFooter.vue";
import { mapState } from "vuex";
export default {
  name: "",
  head(){
    return {
      title: this.headTitle,
    }
  },
  components: {
    ArticleList,
    BaseHeaderFooter,
  },
  data() {
    return {};
  },
  computed:{
    ...mapState(['headTitle'])
  },
  created() {},
  methods: {},
};
</script>
<style lang="less" scoped>
</style>